<template>
	<view>
		<view class="smart-panel-head">
			<view class="smart-panel-head-title">textarea, 多行文本</view>
		</view>
		<view class="smart-padding-wrap">
			<view>输入区域高度自适应，不会出现滚动条</view>
			<textarea class="text-area" auto-height />
			<view>占位符字体是红色的</view>
			<textarea class="text-area" placeholder-style="color:#F76260" placeholder="占位符字体是红色的" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.text-area {
		border: 1px solid #D8D8D8;
		width: 100%;
		line-height: 60rpx;
	}
</style>